<!-- 指标查看，指标修改，指标复核-查看流程状态 -->
<div class="modal-dialog modal-lg">
  <div class="modal-content">
    <div class="modal-header">
      <button (click)="closeFolw()" type="button" class="close" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
      <h4 class="modal-title">
        <span *ngIf="type=='view'">指标查看-查看流程状态</span>
        <span *ngIf="type=='modify'">指标修改-查看流程状态</span>
        <span *ngIf="type=='review'">指标复核-查看流程状态</span>
        <span *ngIf="type=='reviewQuery'">指标复核查询-查看流程状态</span>
      </h4>
    </div>
    <div class="modal-body" style="padding-top:unset;">
      <h5>操作流程</h5>
      <div style="overflow-x:scroll;width:100%">
        <table class="table table-bordered table-keep-line table-hover table-striped" style="margin-top:unset !important;">
          <thead>
            <tr>
              <th class="width-20">操作人</th>
              <th class="width-20">操作时间</th>
              <th class="width-20">流程状态</th>
              <th class="width-20">处理状态</th>
              <th class="width-20">意见</th>
            </tr>
          </thead>
          <tr *ngFor="let item of flowList">
            <td class="short_name" [attr.title]="item.sOpr">{{item.sOprZh}}</td>
            <td class="short_name" title="{{item.sOprDate}} {{item.sOprTime}}">{{item.sOprDate}} {{item.sOprTime}}</td>
            <td class="short_name" [attr.title]="item.sFlowStep">{{item.sFlowStepZh}}</td>
            <td class="short_name" [attr.title]="item.sOprState">{{item.sOprStateZh}}</td>
            <td class="short_name" [attr.title]="item.sOprMark">{{item.sOprMark}}</td>
          </tr>
        </table>
      </div>

      <form class="form-inline">
        <div class="form-group col-lg-12" style="margin-top:20px;padding-bottom:5px;">
          <label class="control-label">开始日期：</label>
          <div class="input-group date form_datetime">
            <span class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </span>
            <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
              [(ngModel)]="getBody.beginDate" name="beginDate">
          </div>
          <label class="control-label">结束日期：</label>
          <div class="input-group date form_datetime">
            <span class="input-group-addon">
                  <i class="fa fa-calendar"></i>
                </span>
            <input type="text" class="form-control" style="background: white; cursor: pointer;" mwlFlatpickr [ngModelOptions]="{standalone: false}"
              [(ngModel)]="getBody.endDate" name="endDate">
          </div>
          <button type="button" class="btn btn-primary search-btn" (click)="list()">
                <i class="fa fa-search"></i>查询</button>
        </div>
      </form>
      <div class="ibt-fixed-table-container">
        <div #flowTable></div>
      </div>
    </div>
    <div class="modal-footer" style="text-align:center">
      <button class="btn btn-default" (click)="closeFolw()">关闭</button>
    </div>
  </div>
</div>